import React from 'react';
import { Outlet, useNavigate } from 'react-router-dom';
import { Link } from 'react-router-dom';

const RoleList = () => {
    const navitagtor = useNavigate();
    const gotoPage = (path) => {
        navitagtor(path);
    };

    return (
        <div className="content-box-100">
            <h1>Hello world! I am roleList page</h1>
            <a onClick={gotoPage.bind(null, '/auth/roleList/info01')}>RoleInof01</a>
            <a onClick={gotoPage.bind(null, '/auth/roleList/info02')}>RoleInof02</a>
            <div>
                <Outlet />
            </div>

            <p>
                <Link to="/auth/roleList/details">点我进角色详情</Link>
            </p>

            <p>
                <Link to="/auth/roleList/18">点我进角色详情 id =18</Link>
            </p>
        </div>
    );
};
export default RoleList;
